<template>
  <div class="m-button">
    <p class="text">{{ text }}</p>
    <p class="icon" :class="icon"></p>
  </div>
</template>

<script>
export default {
  props: {
    text: String,
    icon: String
  },
  methods: {

  }
}
</script>

<style lang="scss">
.m-button {
  display: inline-block;
  padding: 0 10px;
  line-height: 2.2rem;
  border-radius: 1.2rem;
  border: 1px solid rgb(242, 242, 242);
  color: rgb(102, 102, 102);
  cursor: pointer;
  p {
    display: inline;
  }
  .icon {
    margin-left: 3px;
  }
}
</style>